<template>
  <div class="search">
    <el-input v-model="input" placeholder="搜索职位、公司"></el-input>
    <div class="search_btn">搜 索</div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "Login",
  // 组件参数 接收来自父组件的数据
  props: {},
  // 局部注册的组件
  components: {},
  // 组件状态值
  data() {
    return {
        input:'',
    };
  },
  // 组件初始化
  created() {},
  // 组件实例挂载完毕
  mounted() {},
  //销毁事件
  destroyed() {},
  // 组件方法
  methods: {},
};
</script>

<style scoped lang="less">
.search {
  width: 100%;
  height: 100%;
  display: flex;
  
  // input框
  .el-input {
    // margin-top: 10px;
    border: 2.2px solid #4095e5;
    border-radius: 5px 0px 0px 5px;
    // border-radius: 5px;
  }
  /deep/.el-input__inner {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    border: none !important;
  }
  .search_btn {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    background-color: #4095e5;
    width: 80px;
    border: 2.2px solid #4095e5;
    // margin-top: 10px;
    height: 35px;
    border-radius: 0px 5px 5px 0px;
  }
}
</style>
